<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 ,user-scalable=no">
    <link rel="stylesheet" href="./bootstrap/bootstrap-3.4.1/dist/css/bootstrap.css">
    <link rel="stylesheet" href="./css/family.css">
    <script src="./jquery.js"></script>
    <script src="./bootstrap/bootstrap-3.4.1/js/dropdown.js"></script>
    <script src="./bootstrap/bootstrap-3.4.1/js/collapse.js"></script>
    <script src="./bootstrap/bootstrap-3.4.1/js/transition.js"></script>
    <script src="./bootstrap/bootstrap-3.4.1/js/carousel.js"></script>
    <title>layabox家族</title>
</head>

<body>
    <!-- 导航 -->
    <div class="container-fluid box">

        <!-- 导航栏 -->
        <div class="navbar-wrapper">
            <div class="container">
                <nav class="navbar navbar-inverse navbar-static-top">
                    <div class="container">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <a class="navbar-brand" href="#"><img src="./img/index/logo.png" alt="" class="logo"></a>
                        </div>
                        <div id="navbar" class="navbar-collapse collapse">
                            <ul class="nav navbar-nav">
                                <li ><a href="./index.html">首页</a></li>
                                <li class="active"><a href="./family.html">Laya家族</a></li>
                                <li><a href="./game.html">游戏</a></li>
                                <li><a href="./news.html">新闻动态</a></li>
                                <li><a href="#">开发者中心</a></li>
                                <li><a href="#">开发者社区</a></li>
                                <li><a href="#">开发平台</a></li>
                                <li><a href="./aboutus.html">关于我们</a></li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                        aria-haspopup="true" aria-expanded="false">Language <span
                                            class="caret"></span></a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">中文</a></li>
                                        <li><a href="#">日文</a></li>
                                        <li><a href="#">韩文</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </nav>

            </div>
        </div>
    </div>
    <!-- 内容 -->
    <main>
        <!-- 一 -->
        <div class="container-fluid lf">
            <div class="container lf_con">
                <div class="row lf_row">
                    <!-- 左 -->
                    <div class="col-md-6 col-sm-6 col-xs-12 l">
                        <!-- 标题 -->
                        <div class="title">
                            <h1>1</h1>
                            <h1>LayaFlash</h1>
                        </div>
                        <div class="txt">
                            <h3>直接用Flash AS3语言开发HTML5的引擎 </h3>
                            <h5>支持Flash AS3语言及框架在Flash Builder、FlashDevelop中直接开发
                                HTML5产品；</h5>
                            <h5>支持将Flash页游\手游产品快速转换成为HTML5游戏，让Flash研发企业
                                进入HTML5市场低成本、无门槛；</h5>
                            <h5>支持Starling等3D框架，是首个支持HTML5 3D游戏的技术方案。</h5>
                            <a href="">立即下载</a>
                        </div>
                    </div>
                    <!-- 右 -->
                    <div class="col-md-6 col-sm-6 hidden-xs r">
                        <img src="./img/family/一、1.png" alt="">
                    </div>
                </div>

            </div>
        </div>
        <!-- 二 -->
        <div class="container-fluid lp">
            <div class="container lp_con">
                <div class="row lp_row">
                    <!-- 左 -->
                    <div class="col-md-4 col-sm-4 l">
                        <!-- 标题 -->
                        <div class="title">
                            <h1>2</h1>
                            <h1>LayaPlayer</h1>
                        </div>
                        <img src="./img/family/二、1.png" alt="" class="hidden-xs">
                    </div>
                    <!-- 中 -->
                    <div class="col-md-4 col-sm-4 c">
                        <h3>极强性能</h3>
                        <h5>C语言编写的HTML5运行器，逻辑渲染双核运
                            行、GPU加速渲染、内存显存智能管理、渲染流
                            程极致优化，基于LayaPlayer运行的HTML5产品
                            性能媲美APP。
                        </h5>
                        <h3>更小，更多，更强</h3>
                        <h5>不足20K的HTML5运行器，拥有超过5亿的移动
                            设备安装量，已嵌入到QQ浏览器、QQ空间、百
                            度浏览器、新浪微博、猎豹浏览器等20多家主流
                            平台。</h5>

                    </div>
                    <!-- 右 -->
                    <div class="col-md-4 col-sm-4 r">
                        <img src="./img/family/二、2.png" alt="" class="hidden-xs">
                    </div>
                </div>
            </div>
        </div>

        <!-- 三 -->
        <div class="container-fluid la">
            <div class="container la_con">
                <div class="row la_row">
                    <!-- 左 -->
                    <div class="col-md-6 col-sm-6 l">
                        <!-- 标题 -->
                        <div class="title">
                            <h1>3</h1>
                            <h1>LayaAir</h1>
                        </div>
                        <h4>新一代HTML5引擎，正在内测完善中，敬请期待</h4>
                        
                        <h4>小巧强大</h4>
                        <h5>核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功
                            能，性能媲美APP</h5>

                        <h4>应用领域更广泛</h4>
                        <h5>可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域</h5>

                        <h4>多语言开发</h4>
                        <h5>支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛</h5>
                        <img src="./img/family/三、1.png" alt="" class="hidden-xs hidden-sm">
                    </div>


                        <!-- 右 -->
                        <div class="r l col-md-6 col-sm-6">
                            <div class="title">
                                <h1>4</h1>
                                <h1>LayaOpen</h1>
                            </div>
                            <h4>面向Layabox开发者、流量渠道的一站式对接平台</h4>
                        
                            <h4>一站式对接</h4>
                            <h5>      一次对接，全渠道发行，提供一站式对接、发行、运营服务</h5>
    
                            <h4>免费测试</h4>
                            <h5>      提供免费评测服务以及线上真实用户的产品测试和运营测试</h5>
    
                            <h4>专业服务</h4>
                            <h5>      提供最专业的用户数据、付费数据、产品数据等游戏运营数据统计系统</h5>
                            <img src="./img/family/三、2.png" alt="" class="hidden-xs hidden-sm">
                        </div>
                </div>
            </div>
        </div>



           <!-- 四 -->
           <div class="container-fluid la ls">
            <div class="container la_con">
                <div class="row la_row">
                    <!-- 左 -->
                    <div class="col-md-6 col-sm-6 l">
                        <!-- 标题 -->
                        <div class="title">
                            <h1>5</h1>
                            <h1>LayaStore</h1>
                        </div>
                        <h4>游戏内容丰富，可安装、可嵌入的HTML5应用商店</h4>
                        
                        <h4>嵌入式商店</h4>
                        <h5>仅20K的嵌入式HTML5应用商店，嵌入到APP中提供托管式HTML5商店
                            服务。</h5>

                        <h4>流量变现</h4>
                        <h5>丰富优质的大型HTML5游戏产品，帮助APP进入流量变现新时代。</h5>

                        
                        <img src="./img/family/四、1.png" alt="" class="hidden-xs hidden-sm">
                    </div>


                        <!-- 右 -->
                        <div class="r l col-md-6 col-sm-6">
                            <div class="title">
                                <h1>6</h1>
                                <h1>LayaPublish</h1>
                            </div>
                            <h4> 分成高、覆盖广，提供最优秀的全渠道发行服务</h4>
                        
                            <h4>覆盖广</h4>
                            <h5>  超过5亿的移动设备安装量覆盖，为CP发行保驾护航</h5>
    
                            <h4>分成高</h4>
                            <h5> CP可享受80%发行收益的高分成政策。</h5>
    
                            
                            <img src="./img/family/四、2.png" alt="" class="hidden-xs hidden-sm">
                        </div>
                </div>
            </div>
        </div>


    </main>


     <!-- 尾部 -->
     <footer>
        <!-- 底部联系 -->
        <div class="bt">
            <div class="container bt_con">
                <div class="row bt_row">
                    <div class="txt col-md-9 col-sm-9 col-xs-7">
                        <p>
                            <a href="">公司简介</a>
                            <a href="">联系方式</a>
                            <a href="">人才招聘</a>

                        </p>
                        <p>
                            All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1
                        </p>
                    </div>


                    <div class="bt_pic col-md-3 col-sm-3 col-xs-5">
                        <img src="./img/index/邮箱.png" alt="" class="pic1">
                        <img src="./img/index/二维码.png" alt="" class="ewm">

                        <img src="./img/index/WX.png" alt="" class="pic1">
                        <img src="./img/index/二维码.png" alt="" class="ewm">

                        <img src="./img/index/QQ.png" alt="" class="pic1">
                        <img src="./img/index/二维码.png" alt="" class="ewm">




                    </div>


                </div>
            </div>
        </div>
    </footer>

</body>

</html>